page {
  --bg-color: #f3f5f8; // 背景颜色
  --primary-color: #44b585; // 主色
  --minor-color: #697586; // 次色
  --add-color: #409eff; //
  --default-radius: 6px; // 默认弧度
  --default-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.015),
    0 2px 2px 0 rgba(0, 0, 0, 0.015), 0 4px 4px 0 rgba(0, 0, 0, 0.015),
    0 8px 8px 0 rgba(0, 0, 0, 0.015), 0 16px 16px 0 rgba(0, 0, 0, 0.015);
}

.btn-default {
  background: var(--primary-color) !important;
  border-radius: var(--default-radius) !important;
  color: #fff !important;
  height: 36px !important;
  line-height: 36px !important;
  letter-spacing: 8px !important;
  font-weight: 500;
}

.btn-position {
  position: fixed;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

.common-title {
  font-size: 14px;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  position: relative;

  &::after {
    border-bottom: 1px solid #ebedf0;
    bottom: 0;
    box-sizing: border-box;
    content: " ";
    width: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform: scaleY(0.5);
    transform-origin: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(235, 237, 240);
  }

  // border-bottom: 1px solid #ebedf0;
  &__add {
    font-weight: 500;
    font-size: 12px;
    color: var(--add-color);
  }
}

.flex {
  display: flex;
}

.flex-space {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-h-center {
  display: flex;
  align-items: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.w100 {
  width: 100%;
}

.mb12 {
  margin-bottom: 12px;
}

.mb16 {
  margin-bottom: 16px;
}

.mg16-y {
  margin: 16rpx 0;
}

.bg-fff {
  background-color: #fff;
}